<template>
  <div class="category">
      <h3>{{title}}分类</h3>
      <slot name="center">我是1</slot>
      <slot name="footer">我是2</slot>
  </div>
</template>

<script>
export default {
    name:'Category',
    props:['title']
}
</script>

<style>
.category {
    background-color: skyblue;
    width: 200px;
    height: 300px;
}
h3 {
    text-align: center;
    background: #ff6700;
}
li {
    list-style:none;
}
img{
    width:100%;
}
video{
    width: 100%;
}
</style>